﻿<%@ Page Title="KFC VIETNAM - Inventory Management System" Language="C#" MasterPageFile="~/Main.Master"
    AutoEventWireup="true" CodeBehind="Homepage.aspx.cs" Inherits="VSM.Homepage" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register src="UC/UCSOPending.ascx" tagname="UCSOPending" tagprefix="uc1" %>
<%@ Register src="UC/UCVehicleServicePending.ascx" tagname="UCVehicleServicePending" tagprefix="uc2" %>
<%@ Register src="UC/UCVSMSOPending.ascx" tagname="UCVSMSOPending" tagprefix="uc3" %>
<%@ Register src="UC/UCPOPending.ascx" tagname="UCPOPending" tagprefix="uc4" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <style>
        #notification
        {
            width: 40%;
            position: fixed;
            z-index: 9999999999;
            right: 0;
            top: -50px;
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: center;
            font-size: 1.4em;
            font-weight: bold;
            border-width: 3px;
            border-style: solid;
            height:30px;
        }
        .ie6 #notification
        {
            position: absolute;
        }
        #notification .close
        {
            color: #FFF;
            width: 20px;
            height: 20px;
            position: absolute;
            right: 7px;
            top: 7px;
            display: block;
            text-decoration: none;
            line-height: 18px;
        }
        .success
        {
            background: #D4FFCD;
            border-bottom-color: #9ADF8F;
            color: #258815;
        }
        .success .close
        {
            background: #258815;
        }
        .warning
        {
            background: #FEFCCB;
            border-color: #E5DB55;
            color: #878314;
        }
        .warning .close
        {
            background: #878314;
        }
        #notification .close:hover
        {
            background: #000;
        }
    </style>
    <script type="text/javascript">
        function showNofify(message) {
            notify(message, 'warning');
        }
        function notify(message, type, timeout) {
            message = typeof message !== 'undefined' ? message : 'Hello!';
            type = typeof type !== 'undefined' ? type : 'success';
            timeout = typeof timeout !== 'undefined' ? timeout : 3000;

            if ($('#notification').length < 1) {
                markup = '<div id="notification" class="information"><span>Hello!</span><a class="close" href="#">x</a></div>';
                $('body').append(markup);
            }

            $notification = $('#notification');
            $notificationSpan = $('#notification span');
            $notificationClose = $('#notification a.close');

            $notificationSpan.text(message);

            $notificationClose.click(function (e) {
                e.preventDefault();
                $notification.css('top', '-80px');
            });

            if ($.browser.msie && $.browser.version < 7) {
                $('html').scrollTop(0);
            }

            $notification.css('top', '-50px').stop().removeClass().addClass(type).animate({
                top: 0
            }, 500, function () {

            });
        }
    </script>
    <table style="width: 100%; height: 100%;" border="0px">
        <tr>
            <td style="width: 40%;" valign="top">
                <uc1:UCSOPending ID="UCSOPending" Visible="false" runat="server" />
                <uc3:UCVSMSOPending ID="UCVSMSOPending" Visible="false" runat="server" />
            </td>
            <td style="width: 40%;"valign="top">
                <uc2:UCVehicleServicePending ID="UCVehicleServicePending" Visible="false" runat="server" />
                <uc4:UCPOPending ID="UCPOPending" Visible="false" runat="server" />
            </td>
            <td style="width: 20%;" align="right" valign="bottom">
                <asp:Image ID="Image1" ImageUrl="~/skin/images/Abeo Logo.png" runat="server" />
            </td>
        </tr>
    </table>
    <asp:UpdatePanel ID="updatePanel" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Timer ID="Timer1" runat="server" Interval="1" OnTick="Timer1_Tick" />
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
